<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>
            初识VUE
        </title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>
    <body>
        
        <div id="root">
            <h1>插值语法</h1>
            <h3>你好, {{name}}</h3>

            <h1>指令语法</h1> // 标签体适用
            <a v-bind:href="url">点我跳转</a>
            <a :href="url.toUpperCase()">点我跳转{{user.name}}</a>  简写语法
        </div>
        <script type="text/javascript">
            Vue.config.productionTip = false
            new Vue({
                el: "#root",
                data: {
                    name: "jack",
                    url: "http://www.baidu.com",
                    user:{
                        name: "lucy"
                    }
                }
            })
        </script>
    </body>
</html>